.root {
  width: 100%;
  height: 100%;
  // background-color: red;

  .table {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;

    .tbody {
      flex: 1;

      position: relative;

      .child {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        // background-color: green;
      }
    }

    .tr {
      width: 100%;
      display: flex;
      position: relative;
      .card {
        position: absolute;
        left: 4px;
        top: 4px;
        img {
          width: 21px;
        }
      }

      & > div {
        flex: 1;
        font-size: 12px;
        text-align: center;
        line-height: 40px;
        color: #666;
      }
      &:nth-of-type(1) {
        background: rgba(229, 204, 10, 0.08);
      }
      &:nth-of-type(2) {
        background: rgba(0, 128, 224, 0.08);
      }
      &:nth-of-type(3) {
        background: rgba(241, 159, 64, 0.08);
      }
    }
    .th {
      width: 100%;
      display: flex;
      margin: 12px 0;
      & > div {
        flex: 1;
        font-size: 12px;
        text-align: center;
        line-height: 14px;

        display: flex;
        justify-content: center;
        align-items: center;
      }
    }
  }
}
